<template>
  <div class="main-container" id="main-apss">
    <div style="background-color: #fff;height:100%" id="ProductMasterData">
      <a-tabs   :lazy-load="true" type="card" @change="tabsChange" style="border:0px;">
        <a-tab-pane title="排产模式选择" key="1">
          <div style="min-height: 100px">
            <ProductionSchedulingModeSelection/>
          </div>
        </a-tab-pane>
        <a-tab-pane title="排产工序LT设置" key="2">
          <div style="height: 100%">
            <SchedulingOperationSettings/>
          </div>
        </a-tab-pane>
        <a-tab-pane title="排产" key="3">
          <ProductionScheduling/>
        </a-tab-pane>
        <a-tab-pane title="其他车间排产" key="4">
            <ProductionScheduling2/>
        </a-tab-pane>
        <a-tab-pane title="缸号排产" key="5">
            <CylinderScheduling/>
        </a-tab-pane>
        <a-tab-pane title="固定机台排产" key="6">
            <OtherScheduling/>
        </a-tab-pane>
        <a-tab-pane title="工序排产" key="7">
            <ProcessScheduling/>
        </a-tab-pane>
      </a-tabs>
    </div>

  </div>
</template>

<script lang="ts">
import ProductionSchedulingModeSelection from "./productionSchedulingModeSelection/index.vue"
import SchedulingOperationSettings from "./schedulingOperationSettings/index.vue"
import ProductionScheduling from "./productionScheduling/index.vue"
import ProductionScheduling2 from "./productionScheduling/index2.vue" 
import CylinderScheduling from "./productionScheduling/CylinderScheduling.vue"
import OtherScheduling from "./productionScheduling/OtherScheduling.vue"
import ProcessScheduling from "./productionScheduling/ProcessScheduling.vue"

import {defineComponent, reactive, ref} from 'vue'
import emitter from "@/hooks/useEventBus";

export default defineComponent({
  name: 'ApsbasicData',
  components: {ProductionSchedulingModeSelection, SchedulingOperationSettings, ProductionScheduling, ProductionScheduling2,CylinderScheduling,OtherScheduling,ProcessScheduling},
  setup() {

    const pageData = reactive({
      tableIndex: "1"
    })


    const tabsChange = (e: string | number) => {
      pageData.tableIndex = e as string
      //    if (e === '1') {
      //         emitter.emit('refresh-ClothSet')
      //     }
    }
    return {
      pageData,
      tabsChange
    }
  },
})
</script>
<style lang="less" scoped>
#main-apss {
  height: 100%;

  .arco-tabs-content {
    border: 0px !important;
  }
}

:deep(.arco-tabs) {
  height: 100%;
}

:deep(.arco-tabs-content) {
  height: 100%;
}

:deep(.arco-tabs-content-list) {
  height: 100%;
}

:deep(.arco-tabs-pane) {
  height: 100%;
}
</style>